<!Doctype html>
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<title>Vidyasannidhi Student Portal</title>
	
	<meta name="description" content="">
	<meta name="author" content="">
	
	<!--[if lt IE 9]>
	    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	  
	<link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
    
    <!-- **CSS - stylesheets** -->
	<link id="default-css" rel="stylesheet" href="style.css" type="text/css" media="all" />
	<link id="shortcodes-css" rel="stylesheet" href="shortcodes.css" type="text/css" media="all"/>
	<link id="skin-css" rel="stylesheet" href="skins/blueturquoise/style.css" type="text/css" media="all"/>
	<link rel="stylesheet" href="css/colorpicker.css" type="text/css" />
    <link rel="stylesheet" media="screen" type="text/css" href="css/layout.css" />
	
	<!-- **Additional - stylesheets** -->
	<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="css/animations.css" type="text/css" media="all" />
    
    <!-- **Font Awesome** -->
	<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" />
    
    <!-- **Google - Fonts** -->
    <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>  
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    
</head>

<body>
<!-- <div class="loader-wrapper">
	<div id="loader-image"></div>
</div> -->
<!-- **Wrapper** -->
<div class="wrapper"> 
	<div class="inner-wrapper">
    	
        <!-- **Top Bar** -->
       <!--  <div class="top-bar type5"> 
		
            <div class="container">
            		<ul class="top-contact-details alignright">
                        <li><a href="#" title="User Name" style="btn-logout"><span class="fa fa-user"></span> Student XYZ </a></li>
                        <li><input class="button button-small" value="Log-Out" type="submit"></li>
                    </ul>
                
            </div>
        </div> --><!-- **Top Bar - End** -->
                
        <div id="header-wrapper">
	        <!-- **Header** -->
	        <header class="header">
	        	<div class="container">
	            
	                <!-- **Logo - End** -->
	                <div id="logo">
	                    <a href="index.html" title="Vidyasannidhi"> <img src="images/logo.png" alt="logo"/> </a>
	                </div><!-- **Logo - End** -->
	                
	                <div id="menu-container">
	                    <!-- **Nav - Starts**-->
	                    <nav id="main-menu">
                        	<div id="dt-menu-toggle" class="dt-menu-toggle">
                                Menu
                                <span class="dt-menu-toggle-icon"></span>
                            </div>
	                        <ul class="menu">
	                            <li class="current_page_item menu-item-simple-parent"><a href="#"> Home </a></li>
	                            <li class="menu-item-simple-parent"><a href="discussion-board.html"> Discussion Board </a></li>
	                            <li class="menu-item-simple-parent"><a href="my-assignments.html"> My Assignments </a></li>
	                            <li class="menu-item-simple-parent"><a href="#"> Library/ Material </a></li>
	                            <li class="menu-item-simple-parent"><a href="ask-question.html"> Ask question </a></li>
								<li class="menu-item-simple-parent"><a href="#"> Student <span class="fa fa-chevron-circle-down"></span></a>
									<ul class="sub-menu">
                                        <li><a href="">Setting</a></li>
                                        <li><a href="index.html">Log Out</a></li>
                                    </ul>
									<a class="dt-menu-expand">+</a>
								</li>
							</ul>
	                    </nav>
	                    <!-- **Nav - End**-->
	               </div>
	
	            </div>
	        </header><!-- **Header - End** -->
        </div>
        
		<!-- **Main - Starts** --> 
		<div id="main">
        
        	
            
        	<div class="dt-sc-margin20"></div>  
			<!-- **Full-width-section - Starts** -->       
			<div class="full-width-section">
				<div class="container">
						<div class="column dt-sc-one-third first animate fadeInLeft" data-animation="fadeInLeft" data-delay="100">
							<div class="dt-sc-ico-content type25">
								<h5 class="middle-align"> Class Schedule </h5>
								<div class="full-width-section">
									<div class="column dt-sc-one-half first">
										<p> View your class schedules:</p> 
									</div>
									<div class="column dt-sc-one-half middle-align">
										<a href="#Schedule" role="button" class="btn" data-toggle="modal"><input class="button-small" value="View Calendar" type="submit"></a>
									</div>
								</div>
							</div>
						</div>
						<div class="column dt-sc-one-third animate fadeInLeft" data-animation="fadeInLeft" data-delay="100">
							<div class="dt-sc-ico-content type25">
								<h5 class="middle-align"> Library/ Material For reference (10th Std) </h5>
								<div class="full-width-section">
									<div class="column dt-sc-one-half ">
										<p> View Library/ Material</p> 
									</div>
									<div class="column dt-sc-one-half middle-align">
										<a href="#library" role="button" class="btn" data-toggle="modal"><input class="button-small" value="Click to View" type="submit"></a>
									</div>
								</div>
							</div>
						</div>
						<div class="column dt-sc-one-third animate fadeInLeft" data-animation="fadeInLeft" data-delay="100">
							<div class="dt-sc-ico-content type25">
								<h5 class="middle-align"> Notification-Board </h5>
								<div class="full-width-section">
									<marquee onmouseover="this.stop();" onmouseout="this.start();"> 
										<ul>
											<li><a href="#"> Click to view the notification-1 </a></li>
											<li><a href="#"> Click to view the notification-2 </a></li>
											<li><a href="#"> Click to view the notification-3 </a></li>
										</ul>
									</marquee>
								</div>
							</div>
						</div>
				</div>
			</div> <!-- **Full-width-section - Ends** --> 
            <div class="dt-sc-margin20"></div> 
            
           <div id="colorchanger" class="full-width-section grey1">
		   <div id="colorSelector"><div style="background-color: #0000ff"></div></div>
		   <!-- <div onclick="changeColor();" class="color_picker" title="Color-Changer"><span style="margin-top:10px"  class="fa fa-adjust"></span></div> -->
            	<div class="dt-sc-margin20"></div>  
				<h3 class="aligncenter">Enter into Virtual Class </h3>	
                <div class="container">
					<div class="alert alert-warning" role="alert">
                        <a type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only"></span></a>
                        <strong>Class Not Started !</strong> You are too early to the Classroom.
                    </div>
                    <div class="column dt-sc-one-half first">
					 <h5 class="panel-title"><span class="fa fa-file-video-o"></span> Teacher has taken the class </h5>
                    	<video controls="">
							<source src="images/videos/learn.webm" type="video/webm;codecs=&quot;vp8, vorbis&quot;">
                            <source src="images/videos/learn.ogv" type="video/ogg;codecs=&quot;vp8, vorbis&quot;">
                          	<source src="images/videos/learn.mp4" type="video/mp4;codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
                         </video>
                    </div>
                    
                    <div class="column dt-sc-one-fourth"> 
						<div class="panel panel-default">
                                <div class="panel-heading ui-draggable-handle">
                                    <h5 class="panel-title"><span class="fa fa-comments"></span> Ask questions </h5>
                                </div>
                                <div class="panel-body">

                                    <div class="messages messages-img">
                                        <div class="item in item-visible">
                                            <div class="text">
                                                <div class="heading">
                                                    <a>John Doe</a>
                                                    <span class="date">08:33</span>
                                                </div>
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis suscipit eros vitae iaculis.
                                            </div>
                                        </div>
                                        <div class="item item-visible">                         
                                            <div class="text">
                                                <div class="heading">
                                                    <a>Dmitry Ivaniuk</a>
                                                    <span class="date">08:27</span>
                                                </div>                                    
                                                Quisque ultricies turpis pulvinar lectus semper, eget fringilla purus tincidunt.
                                            </div>
                                        </div>
										<div class="item in item-visible">
                                            <div class="text">
                                                <div class="heading">
                                                    <a>John Doe</a>
                                                    <span class="date">08:33</span>
                                                </div>
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis suscipit eros vitae iaculis.
                                            </div>
                                        </div>										
                                    </div>                                

                                <div class="panel-footer">
                                    <div class="input-group">                                    
                                        <input type="text" class="form-control" placeholder="Type your question...">
                                        <span class="input-group-btn">
                                            <input class="botton" value="Send" type="submit">
                                        </span>                                    
                                    </div>    
                                </div>
                                </div>
                        </div>
                    </div>
                    <div class="column dt-sc-one-fourth"> 
						<div class="panel-default">
							 <h5 class="panel-title"><span class="fa fa-paperclip"></span> Assignments Track sheet </h5>
								<div class="messages messages-assign">
									<div class="dt-sc-ico-content type6">
										<p style="color: #fff;"> 1. Assignment(01/03/2015 ) </p>
									</div>
									<div class="dt-sc-ico-content type6">
										<p style="color: #fff;"> 2. Assignment(01/03/2015 ) </p>
									</div>
									<div class="dt-sc-ico-content type6">
										<p style="color: #fff;"> 3. Assignment(01/03/2015 ) </p>
									</div>
									<div class="dt-sc-ico-content type6">
										<p style="color: #fff;"> 4. Assignment(01/03/2015 ) </p>
									</div>
									<div class="dt-sc-ico-content type6">
										<p style="color: #fff;"> 5. Assignment(01/03/2015 ) </p>
									</div>
									<div class="dt-sc-ico-content type6">
										<p style="color: #fff;"> 6. Assignment(01/03/2015 ) </p>
									</div>
									<div class="dt-sc-ico-content type6">
										<p style="color: #fff;"> 7. Assignment(01/03/2015 ) </p>
									</div>
									<div class="dt-sc-ico-content type6">
										<p style="color: #fff;"> 8. Assignment(01/03/2015 ) </p>
									</div>
								</div>
						</div>
                    </div>
                </div> <!-- **container - Ends** -->
				<div class="dt-sc-margin20"></div> 
            </div>
			<!-- ** On Demand Video starts ** -->
			<div class="dt-sc-margin30"></div>
			<div class="full-width-section">
				<div class="container">
                	<h3 class="aligncenter"> On Demand Videos of coaching class </h3>
				    <div class="dt-sc-margin20"></div>
					<div class="column dt-sc-one-third first grey1 demand_First">
					<h4 class="aligncenter"> 10th Standard </h4>
						<div class="full-width-section">
							<div class="column dt-sc-two-third first">
								<ul class="list-inline">
									<li><h6><strong> Science </strong></h6></li>
									<li><a href=""> Atoms and Molecules </a></li>
								</ul><br />
							</div>
							<div class="column dt-sc-one-third">
								<a href="#demand-science" role="button" class="btn" data-toggle="modal"><input class="button button-small" value="View More" type="submit"> </a>
							</div>
						</div>
						<div class="full-width-section">
							<div class="column dt-sc-two-third first">
								<ul class="list-inline">
									<li><h6><strong> Mathematics </strong></h6></li>
									<li><a href=""> Algebra class-1 </a></li>
								</ul>
								</div>
							<div class="column dt-sc-one-third">
								<a href="#demand-Maths" role="button" class="btn" data-toggle="modal"><input class="button button-small" value="View More" type="submit"> </a>
							</div>
						</div>
					</div>
					<div class="column dt-sc-one-third grey1">
						<h4 class="aligncenter">This is Dummy Text will be changed in future</h4>
						<a href="" class="aligncenter"> <input class="button button-small" value="Click to view" type="submit"> </a>
					</div> 
					<div class="column dt-sc-one-third grey1">
						<h4 class="aligncenter">Ask for On-demand Videos of previous class</h4>
						<a href="" class="aligncenter"> <input class="button button-small" value="On-demand Videos " type="submit"> </a>
					</div> <!-- **container - Ends** -->
                </div> <!-- **container - Ends** -->
				<div class="dt-sc-margin20"></div> 
            </div>
			<!-- ** On Demand Video ends ** -->
           
			       
        </div> <!-- **Main - Ends** --> 
        
        <!-- **Footer** -->
        <footer id="footer">
        	<div class="footer-widgets-wrapper">
                <div class="container">
                
                    <div class="column dt-sc-one-fourth first">
                        <aside class="widget widget_text">
                            <h3 class="widget-title">Contact  <span class="wlast"> Us </span><span class="small-line"> </span></h3> 
                            <p> <i class="fa fa-phone"></i> <span>Phone:</span> +22 004 324 1124 </p>
                            <p> <i class="fa fa-print"></i> <span>Fax:</span> +22 004 324 1124 </p>
                            <p> <i class="fa fa-envelope"></i> <span> Email:</span> <a href="#">Vidyasannidhi@gmail.com</a> </p>
                            <p> <i class="fa fa-globe"></i> <span>Web:</span> <a href="#">www.Vidyasannidhi.com</a> </p>
                            <p> <i class="fa fa-location-arrow"></i> <span>58, Thomson Street, Edison Avenue,
         Baltimore, USA</span> </p>
                                                
                        </aside>
                    </div>
                    
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget widget_popular_entries">
                            <h3 class="widget-title">Popular <span class="wlast">Posts</span><span class="small-line"> </span></h3>
                            <div class="recent-property-widget">
                                <ul>
                                    <li> <a class="thumb" href="#"><img src="http://www.placehold.it/70x70&text=Image" alt="image"/></a>
                                        <h6><a href="#">Here comes the title for 
    the post with 2 lines</a></h6>
                                        <div class="entry-meta"> 
                                            <p><span class="fa fa-calendar"></span>03Aug2012</p>
                                            
                                            <p><span class="fa fa-user"></span><a href="#">admin</a></p>
                                        </div>
                                    </li>
                                    <li> <a class="thumb" href="#"><img src="http://www.placehold.it/70x70&text=Image" alt="image"/></a>
                                        <h6><a href="#">Here comes the title for 
    the post with 2 lines</a></h6>
                                        <div class="entry-meta"> 
                                            <p><span class="fa fa-calendar"></span>03Aug2012</p>
                                            
                                            <p><span class="fa fa-user"></span><a href="#">admin</a></p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </aside>
                    </div>   
                    
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget widget_tweetbox">
                            <h3 class="widget-title">Twitter <span class="wlast">Feeds</span><span class="small-line"> </span></h3>	
                        </aside>
                    </div>
                
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget mailchimp">
                            <h3 class="widget-title">Newsletter <span class="wlast">Subscription</span><span class="small-line"> </span></h3>
                            <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was of the great explorer.</p>
                            <form method="post" class="mailchimp-form" name="frmNewsletter" action="php/subscribe.php">	
                                <p><span class="fa fa-envelope"></span>
                                <input type="email" placeholder="Enter Email" name="email" value="" required/>	
                                <input type="submit" name="submit" class="dt-sc-button" value="Subscribe" /></p>
                            </form>
                            <div id="ajax_newsletter_msg"></div>
                            <div class="dt-sc-hr-invisible-small"></div>
                            <ul class="dt-sc-social-icons">
                                <li><a class="dt-sc-tooltip-top facebook" href='#' target="_blank" title="Facebook"> <i class="fa fa-facebook"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top twitter" href='#' target="_blank" title="Twitter"> <i class="fa fa-twitter"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top google-plus" href='#' target="_blank" title="Google-plus"> <i class="fa fa-google-plus"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top pinterest" href='#' target="_blank" title="Pinterest"> <i class="fa fa-pinterest"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top youtube" href='#' target="_blank" title="Youtube"> <i class="fa fa-youtube"></i> </a></li>
                            </ul>
                        </aside>
                    </div>
                    
                </div>
        	</div><!-- **footer-widgets-wrapper - End** -->
            
            <div class="copyright">
            	<div class="container">
                	<p>Vidyasannidhi | All rights Reserved. © 2015 </p>
                    <ul class="footer-links">
                    	<li><a href="#">About Us</a>|</li>
                        <li><a href="#">How It Works</a>|</li>
                        <li><a href="#">Tuition Offered</a>|</li>
                        <li><a href="#">Pricing</a>|</li>
                        <li><a href="#">Student Registration</a>|</li>
                        <li><a href="#">Feedback</a>|</li>
                    </ul>
                </div>
            </div>
            
        </footer> <!-- **Footer - End** -->
        
	</div><!-- **inner-wrapper - End** -->
    
</div><!-- **Wrapper - End** -->
<div id="library" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">Library/ Material For reference</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical" style="display: block;">
			<div class="dt-sc-tabs-container type5">
                        <!-- **dt-sc-tabs-frame - Starts** -->
                        <ul class="dt-sc-tabs-frame">
                            <li class="column dt-sc-one-sixth first"><a href="#" class="current">
                                <div class="dt-sc-ico-content type14">
                                    <h4> Mathematics </h4>
                                </div>
                                </a>
                            </li>
                            <li class="column dt-sc-one-sixth"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <h4> Physics </h4>
                                </div>
                                </a> 
                            </li>
                            <li class="column dt-sc-one-sixth"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <h4> Chemistry </h4>
                                </div>
                                </a> 
                            </li>
                            <li class="column dt-sc-one-sixth"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <h4>  English </h4>
                                </div>
                                </a> 
                            </li>
                            <li class="column dt-sc-one-sixth"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <h4>  Biology </h4>
                                </div>
                                </a> 
                            </li>
                            <li class="column dt-sc-one-sixth"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <h4>  History </h4>
                                </div>
                                </a> 
                            </li>
                        </ul>  <!-- **dt-sc-tabs-frame - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: block;">
                            <h5> Why we Suggest Mathematics </h5>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p><b>Vidyasannidhi</b> has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</p>
							<blockquote class="type2"> 
                                <span class="fa fa-quote-left"></span> 
                                <q> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</q> 
                                <span class="fa fa-quote-right"></span> 
                            </blockquote>
							<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. </p>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: none;">
                        	<h5> Why we Suggest Physics </h5>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p><b>Vidyasannidhi</b> has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</p>
							<blockquote class="type2"> 
                                <span class="fa fa-quote-left"></span> 
                                <q> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</q> 
                                <span class="fa fa-quote-right"></span> 
                            </blockquote>
							<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. </p>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: none;">
                            <h5> Why we Suggest Chemistry </h5>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p><b>Vidyasannidhi</b> has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</p>
							<blockquote class="type2"> 
                                <span class="fa fa-quote-left"></span> 
                                <q> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</q> 
                                <span class="fa fa-quote-right"></span> 
                            </blockquote>
							<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. </p>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: none;">
                        	<h5> Why we Suggest English</h5>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p><b>Vidyasannidhi</b> has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</p>
							<blockquote class="type2"> 
                                <span class="fa fa-quote-left"></span> 
                                <q> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</q> 
                                <span class="fa fa-quote-right"></span> 
                            </blockquote>
							<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. </p>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
						
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: none;">
                        	<h5> Why we Suggest Biology </h5>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p><b>Vidyasannidhi</b> has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</p>
							<blockquote class="type2"> 
                                <span class="fa fa-quote-left"></span> 
                                <q> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</q> 
                                <span class="fa fa-quote-right"></span> 
                            </blockquote>
							<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. </p>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
						
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: none;">
                        	<h5> Why we Suggest History </h5>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
							<p><b>Vidyasannidhi</b> has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</p>
							<blockquote class="type2"> 
                                <span class="fa fa-quote-left"></span> 
                                <q> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</q> 
                                <span class="fa fa-quote-right"></span> 
                            </blockquote>
							<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. </p>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                    </div>
		</div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>
<div id="Schedule" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">Class Schedule For Today & This Week</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical" style="display: block;">
			<div class="dt-sc-tabs-container type5">
                        <!-- **dt-sc-tabs-frame - Starts** -->
                        <ul class="dt-sc-tabs-frame">
                            <li class="column dt-sc-one-half"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <h4>  Today </h4>
                                </div>
                                </a> 
                            </li>
                            <li class="column dt-sc-one-half"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <h4>  This Week </h4>
                                </div>
                                </a> 
                            </li>
                        </ul>  <!-- **dt-sc-tabs-frame - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: block;">
                            <h6> Today's class Schedule will be shown here</h6>
						</div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: block;">
                            <h6> This week's class Schedule will be shown here </h6>
						</div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                    </div>
		</div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>

<div id="science-video" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">On demand Video(Physics)</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical" style="display: block;">
			<h4>Ohm's Law</h4>
			<p><strong>Ohm's Law</strong> video Tutorial for easy understanding the LAW, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</p>
			<iframe src="https://player.vimeo.com/video/53801675" width="95%" height="350" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/53801675">Mathematics</a> from <a href="https://vimeo.com/user14076763">Vidyasannidhi</a></p>
		</div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>
<div id="maths-video" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">On demand Video(Mathematics)</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical" style="display: block;">
			<h4>Adjoint of a Matrix</h4>
			<p><strong>Adjoint of a Matrix</strong> video Tutorial for easy understanding the LAW, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</p>
			<iframe src="https://player.vimeo.com/video/53801675" width="95%" height="380" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/53801675">Mathematics</a> from <a href="https://vimeo.com/user14076763">Vidyasannidhi</a></p>
		</div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>
<div id="demand-science" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">On demand Video(Science)</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical-container type2">
                        
                        <!-- **dt-sc-tabs-vertical-frame - Starts** -->
                        <ul class="dt-sc-tabs-vertical-frame">
                            <li class="first current"> <a href="#" class="current"> Topic First </a> </li>
                            <li> <a href="#"> Topic Second </a> </li>
                            <li> <a href="#"> Topic Third </a> </li>
                            <li> <a href="#"> Topic Fourth </a> </li>
                            <li class="last"> <a href="#"> Topic Fifth </a> </li>
                        </ul> <!-- **dt-sc-tabs-vertical-frame - Ends** -->
                        
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: block;">
                            <h4> Topic First </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Second </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Third </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Fourth </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Sixth </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                            
                    </div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>
<div id="demand-Maths" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">On demand Video(Mathematics)</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical-container type2">
                        
                        <!-- **dt-sc-tabs-vertical-frame - Starts** -->
                        <ul class="dt-sc-tabs-vertical-frame">
                            <li class="first current"> <a href="#" class="current"> Topic First </a> </li>
                            <li> <a href="#"> Topic Second </a> </li>
                            <li> <a href="#"> Topic Third </a> </li>
                            <li> <a href="#"> Topic Fourth </a> </li>
                            <li class="last"> <a href="#"> Topic Fifth </a> </li>
                        </ul> <!-- **dt-sc-tabs-vertical-frame - Ends** -->
                        
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: block;">
                            <h4> Topic First </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Second </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Third </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Fourth </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Sixth </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                            
                    </div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>

	<!-- **jQuery** -->  
	<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-migrate.min.js"></script>
    
    <script src="js/pace.min.js" type="text/javascript"></script>
    
	<script src="js/jquery.tabs.min.js"></script>
	<script src="js/jquery.nav.js" type="text/javascript"></script>
	
	<script src="js/jquery.meanmenu.min.js" type="text/javascript"></script>
	
    
	<!-- **Sticky Nav** -->
	<script src="js/jquery.sticky.js" type="text/javascript"></script>
    
	<!-- **To Top** -->
	<script src="js/custom.js" type="text/javascript"></script>  
	<script src="js/bootstrap.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/colorpicker.js"></script>
    <script type="text/javascript" src="js/eye.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript" src="js/layout.js?ver=1.0.2"></script>	
	<!-- <script type="text/javascript">
		var colors = ["red", "blue", "yellow", "#00bcf2", "orange", "black", "cyan", "#26d692","#ffbcbc"]

		function changeColor() {
			var col = document.getElementById("colorchanger");
			col.style.backgroundColor = colors[Math.floor((Math.random()*8)+1)];
		}
	</script>  -->
          

</body>
</html>
